<template>
  <div>
    <!-- 图文详情 -->
    <div class="image-container mt-10 pt-20 bg-fff w100p ">
      <span class="f20">——商品详情——</span>
      <div class="image pt-20 pb-20 w100p">
        <img src="../../../../assets/img/detail1.jpg" />
        <img v-for="item in imgList" :src="item" :key="item"/>
      </div>
      <span class="f20">——预定流程及须知——</span>
      <div class="image pt-20 pb-20 w100p">
        <img src="../../../../assets/img/detail15.png" />
      </div>
    </div>
    <div class="text bg-fff pl-15 pb-30">
      <h3 class="gray">一、关于发货</h3>
      <p class="pt-10">
        个工作日内发出（周末、法定节假日需顺延）个工作日内发出（周末、法定节假日需顺延）；
      </p>
      <h3 class="gray pt-20">二、关于发货</h3>
      <p class="pt-10">
        个工作日内发出（周末、法定节假日需顺延）个工作日内发出（周末、法定节假日需顺延）；
      </p>
      <h3 class="gray pt-20">三、关于发货</h3>
      <p class="pt-10">
        个工作日内发出（周末、法定节假日需顺延）个工作日内发出（周末、法定节假日需顺延）；
      </p>
      <h3 class="gray pt-20">四、关于发货</h3>
      <p class="pt-10">
        个工作日内发出（周末、法定节假日需顺延）个工作日内发出（周末、法定节假日需顺延）；
      </p>
    </div>
  </div>
</template>

<script>
export default {
  props: ['imgList']
};
</script>

<style lang="less" scoped>
@import "../detail.less";
.text{
  margin-bottom: 50px;
}
</style>

